 .root {
     width: 100%;
     height: 271px;
 }
 
 .banner {
     position: relative;
     display: flex;
     justify-content: space-between;
     height: 100%;
 }
 
 .left {
     width: 730px;
 }
 
 .left img {
     width: 100%;
 }
 
 .ctrl {
     position: absolute;
     left: 0;
     right: 0;
     height: 63px;
     top: 50%;
     transform: translateY(-50%);
     /* background-color: red; */
 }
 
 .btn {
     position: absolute;
     width: 37px;
     height: 100%;
     background-color: transparent;
     cursor: pointer;
 }
 
 .btn:hover {
     background-color: rgba(0, 0, 0, .1);
     /* background-color: red; */
 }
 
 .btn:nth-child(1) {
     left: -68px;
     background-position: 0 -360px;
 }
 
 .btn:nth-child(2) {
     right: -68px;
     background-position: 0 -508px;
 }